import {
	ThemeProvider as ThemeProviderMui,
	createTheme,
} from "@mui/material/styles";
import { ReactNode } from "@tanstack/react-router";

export const ThemeProvider = ({ children }: { children: ReactNode }) => {
	const theme = createTheme({
		text: {
			primary: "#000000",
			secondary: "#ffffff",
			logo: "#000000",
		},
		background: {
			page: "#EFEFEF",
			header: "#fff",
		},
	});

	return <ThemeProviderMui {...{ theme }}>{children}</ThemeProviderMui>;
};
